<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp">
     <meta name="keywords" content="${keyword}"  >
    <meta name="description" content="${description }" />
    <title>产品案例-湖南卓景京信息技术有限公司</title>
    <!--[if lt IE 8]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
    <link href="${path }/resource/plugin/bootstrap-3.3.5/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="${path }/resource/plugin/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="${path }/resource/css/visitor/base.css" rel="stylesheet" type="text/css">
    <link href="${path }/resource/css/visitor/product-case.css" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" href="${path }/resource/images/favicon.ico">
</head>
<body class="">

<jsp:include page="_top.jsp"></jsp:include>

<div class="w">
    <div class="container">
        <ul class="product-cases">
            <li class="col-md-2" id="0" ><a href="javascript:void(0)">全部案例</a></li>
            <li class="col-md-2" id="1" ><a href="javascript:void(0)">企业级开发</a></li>
            <li class="col-md-2" id="2" ><a href="javascript:void(0)">移动应用</a></li>
            <li class="col-md-2" id="3" ><a href="javascript:void(0)">棋牌游戏</a></li>
            <li class="col-md-2" id="4" ><a href="javascript:void(0)">AR/VR应用</a></li>
        </ul>
       
       <ul class="product-img row" >
       	 <c:forEach items="${allAd}" var="item" >
            <li class="col-xs-6 col-md-4">
                <img src="${item.adImg }" alt="">
                <span>${item.adTitle }</span>
                <div class="tips-none"><h3>${item.adTitle }</h3><p>${item.adInfo1 }</p></div>
            </li>
           </c:forEach>
        </ul>
        
        
        <ul class="product-img row" >
       	 <c:forEach items="${qyjkf }" var="item" >
            <li class="col-xs-6 col-md-4">
                <img src="${item.adImg }" alt="">
                <span>${item.adTitle }</span>
                <div class="tips-none"><h3>${item.adTitle }</h3><p>${item.adInfo1 }</p></div>
            </li>
           </c:forEach>
        </ul>
        
        <ul class="product-img row">
       	 <c:forEach items="${ydyy }" var="item" >
            <li class="col-xs-6 col-md-4">
                <img src="${item.adImg }" alt="">
                <span>${item.adTitle }</span>
                <div class="tips-none"><h3>${item.adTitle }</h3><p>${item.adInfo1 }</p></div>
            </li>
           </c:forEach>
        </ul>
        
        
        <ul class="product-img row">
       	 <c:forEach items="${qpyx }" var="item" >
            <li class="col-xs-6 col-md-4">
                <img src="${item.adImg }" alt="">
                <span>${item.adTitle }</span>
                <div class="tips-none"><h3>${item.adTitle }</h3><p>${item.adInfo1 }</p></div>
            </li>
           </c:forEach>
        </ul>
        
        
        <ul class="product-img row">
       	 <c:forEach items="${avyy }" var="item" >
            <li class="col-xs-6 col-md-4">
                <img src="${item.adImg }" alt="">
                <span>${item.adTitle }</span>
                <div class="tips-none"><h3>${item.adTitle }</h3><p>${item.adInfo1 }</p></div>
            </li>
           </c:forEach>
        </ul>
        
        
        
    </div>
</div>


<jsp:include page="_foot.jsp"></jsp:include>
<script type="text/javascript" src="${path }/resource/js/plugin/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="${path }/resource/plugin/bootstrap-3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${path }/resource/js/systools/AjaxProxy.js"></script>
<script type="text/javascript" src="${path }/resource/js/systools/MTools.js"></script>
<script type="text/javascript" src="${path }/resource/js/plugin/carousel.js"></script>
<script>
    $(function(){
    	console.log($(".product-img").eq(0).html());
       $(".product-img").eq(0).fadeIn();
       
       $(".product-cases li").click(function(){
    	   var id= $(this).attr("id");
    	   $(".product-img").hide(); 
    	   $(".product-img").eq(id).fadeIn();
       });
       
    });
</script>
</body>
</html>